import React from 'react'
import {Card,Button, Icon, message} from 'antd'
import './ui.less'


export default class Loadings extends React.Component{
    showMessage = (type)=>{  
        message[type]("恭喜你！答对了。")
    }

    render(){

        return(
            <div>
                <Card title="全局提示框" className="card-warp">
                    <Button type="primary" onClick={()=>this.showMessage('success')}>Success</Button>
                    <Button type="primary" onClick={()=>this.showMessage('warning')}>Warning</Button>
                    <Button type="primary" onClick={()=>this.showMessage('info')}>Info</Button>
                    <Button type="primary" onClick={()=>this.showMessage('error')}>Error</Button>
                    <Button type="primary" onClick={()=>this.showMessage('loading')}>Loading</Button>
                </Card>

            </div>
        );
    }
}
